<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<script>
// 自学地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

// 数组的实例方法：
  // 实例方法 从 能不改改变变量本身的值 的维度划分：
    // 可以{改变}「变量本身」的值；  和 不可以{改变}「变量本身」的值。


var arr = [1, 2, 3, 666];
// var result = arr.push('xx');

// // 1. 函数是否有返回值。  2. 是否改变变量本身的值；


/* arr.push(item1, item2, ...)   ->  向数组尾部，增加元素
  1. push 会改变 变量本身的值； 即 arr 中有了  push 进来的新元素
  2. push 函数的返回值是 数字，表示 arr 被 push 后，一共有多少个元素
*/

/* arr.pop()   ->  从数组尾部，删掉一个元素
  1. pop 会改变 变量本身的值；
  2. pop 函数的返回值，为 从数组末尾删除的元素的值
*/




/* arr.shift()  ->  从数组头部，删掉一个元素
  1. shift 会改变 变量本身的值；
  2. shift 函数的返回值，为 从数组末尾删除的元素的值
*/

/* arr.unshift(item1, item2, ...);  ->  向数组的头部，增加元素
  1. unshift 会改变 变量本身的值； 即 arr 中有了  unshift 进来的新元素
  2. unshift 函数的返回值是 数字，表示 arr 被 unshift 后，一共有多少个元素
*/

var result = arr.unshift('a', 'b', 'c');
console.log('返回值', result);
console.log('变量本身的值', arr);

</script>